<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div{
      width: 200px;height: 200px;
      border:1px solid red;
      /*设置超出部分怎样显示
      visible显示(默认)
      hidden隐藏
      scroll滚动显示
      */
      overflow: scroll;
    }
    body>img{
      width: 100px;
      /*行内元素的垂直对齐方式:
      top:上对齐
      middle:中间对齐
      bottom:下对齐
      baseline:基线对齐(默认)
      */
        /*vertical:垂直*/
      vertical-align: middle;
    }
  </style>
</head>
<body>

<!--图片前面还有一个输入框-->
<input type="text"><img src="../b.jpg">

<div>
  <img src="../b.jpg">
</div>

</body>
</html>